<!DOCTYPE html>
<html lang="Zh-cn">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>大庆油田一名歌手</title>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 顶部 -->
    <div class="search">
        <div class="fl"><a href="#"></a></div>
        <div class="fc"><input type="text" placeholder="热爱105度的你"></div>
        <div class="fr"><a href="#">登录</a></div>
    </div>
    <!-- 广告 -->
    <div class="banner">
        <img src="./upload/banner.gif" alt="">
    </div>
    <div class="ad">
        <a href="#" class="adl"><img src="./upload/ad1.gif" alt=""></a>
        <a href="#" class="adc"><img src="./upload/ad2.gif" alt=""></a>
        <a href="#" class="adr"><img src="./upload/ad3.gif" alt=""></a>
    </div>
    <!-- 模块 -->
    <nav>
        <ul>
            <li><a href="#"><img src="./upload/nav1.png" alt=""><span>干柿鬼鲛</span></a></li>
            <li><a href="#"><img src="./upload/nav1.png" alt=""><span>干柿鬼鲛</span></a></li>
            <li><a href="#"><img src="./upload/nav1.png" alt=""><span>干柿鬼鲛</span></a></li>
            <li><a href="#"><img src="./upload/nav1.png" alt=""><span>干柿鬼鲛</span></a></li>
            <li><a href="#"><img src="./upload/nav1.png" alt=""><span>干柿鬼鲛</span></a></li>
            <li><a href="#"><img src="./upload/nav1.png" alt=""><span>干柿鬼鲛</span></a></li>
            <li><a href="#"><img src="./upload/nav1.png" alt=""><span>干柿鬼鲛</span></a></li>
            <li><a href="#"><img src="./upload/nav1.png" alt=""><span>干柿鬼鲛</span></a></li>
            <li><a href="#"><img src="./upload/nav1.png" alt=""><span>干柿鬼鲛</span></a></li>
            <li><a href="#"><img src="./upload/nav1.png" alt=""><span>干柿鬼鲛</span></a></li>
        </ul>
    </nav>
</body>

</html>